<style type="text/css">
div.img
{
  /*margin: 2px;
  border: 1px solid #0000ff;*/
  height: auto;
  width: auto;
  float: left;
  text-align: center;
} 
div.img img
{
  display: inline;
  margin: 3px;
  /*border: 1px solid #ffffff;*/
}
/*div.img a:hover img {border: 1px solid #0000ff;}*/
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}
</style>

 <div style="margin:30px 30px">
  <center><h1>Albums</h1></center>
 <?php
  		$Albums=Album::model()->findAll();
  			foreach($Albums as $Album){
        
    			$album=$Album->id;
    			$cover=$Album->image;
			?>
	    
      <div class="img">
        <a href="#" onclick="js:getBote(<?php echo $Album->id ?>)"><img style="margin-left:10px;" src="<?php echo Yii::app()->baseUrl; ?>/photos/<?php echo $cover; ?>" width="100" height="100"></a>
        <div><?php echo $Album->description?></div>
      </div>
 			
		    
		<?php }?>
</div>